<style>
    .dr_nav li {
        margin-left: 30px;
        float: left;
        text-align: center;
        width: 160px;
    }
</style>
<div>
    <!--头部-->
    <!--头部-->
    <div class="dr_header">
        <div class="w1000 fix">
            <div class="dr_logo fl">
                <a href="__MODULE__/Index/index">
                    <img src="__PUBLIC__/Images/home/drlogo.png" alt="Darry Ring官网">
                </a>
            </div>

            <div class="dr_member fr">
                <div class="drmember_sec">
                    <div class="dr_member-left fl" id="div_islog">
                        <if condition="$Think.session.user_id gt 0">
                            <a href="__MODULE__/User/index" rel="nofollow" style="color:#C67C59">{$Think.session.user_tel} 欢迎您！</a>
                            <a href="__MODULE__/index/logout" rel="nofollow">退出</a>
                            <else/>
                            <a href="__MODULE__/index/login" rel="nofollow">登录</a>
                            <a href="__MODULE__/index/register" rel="nofollow" class="drtojoin">注册</a>
                        </if>
                    </div>


                    <div class="dr_member-left fl">
                        <i>
                            <img src="__PUBLIC__/Images/home/telleft.png">
                            400 00 00000
                        </i>
                    </div>

                    <div class="drmember_yz">
                        <!--提示-->
                        <div class="drmember_yz-word index_yz-word" id="dr_sfwrong">
                            <p>Darry Ring严格规定男士凭身份证一生仅能定制一枚，象征男人一生真爱的最高承诺。输入身份证号码即可查询购买记录。</p>
                        </div>
                        <!--提示end-->
                        <!--报错(把drmember_yz-wrong的样式加到上面的提示就是报错了)-->
                        <div class="drmember_yz-wrong">
                            <p>身份证有误，请重新输入。</p>
                        </div>
                        <!--报错end-->
                        <img src="__PUBLIC__/Images/home/drz.png">
                        <div class="drmember_yzborder">
                            <div class="drmember_yzborderul">
                                <span id="span_currArea">中国大陆</span>
                            </div>

                            <input value="" id="txtIDCardw" placeholder="请输入身份证号验证真爱承诺" type="text" name="number">
                            <i id="btnnSeach">DR真爱查询</i>

                        </div>
                    </div>

                </div>
            </div>


        </div>
        <!--头部end-->
        <script>
            $('.drmember_yzborder').mouseover(function () {
                $('#dr_sfwrong').css('display', 'block');
            })
            $('.drmember_yzborder').mouseout(function () {
                $('#dr_sfwrong').css('display', 'none');
            })
            $('#btnnSeach').click(function () {
                var vals = $("#txtIDCardw").val();

                var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
                if (!regIdCard.test(vals)) {
                    layer.alert('请核对您的身份证信息');
                } else {
                    $.post("__MODULE__/Index/select", {number: vals}, function (data) {
                        if (data == 0) {
                            //layer.alert('111');
                            layer.alert('亲爱的SOKOLOV族，您的SOKOLOV还未赠出');
                        } else {
                            //layer.alert('222');
                             layer.alert('亲爱的SOKOLOV族，您的SOKOLOV已赠出');
                        }
                    })
                }
            })
        </script>

        <!--导航-->
        <div class="dr_navbk fix">
            <ul class="dr_nav w1000">
                <li id="DrNav">
                    <a href="__MODULE__/Index/index">首页</a>
                    <!--下拉导航-->
                    <div class="dr_navsuv dr_navsuv-third" id="DRsubNav">
                        <!--导航上部分-->
                        <div class="dr_navsuv-top">
                            <!--中间内容-->
                            <div class="dr_navsuv-cort">
                                <!--品牌文化-->
                                <div class="dr_navsuv-curture">
                                    <div class="dr_navsuv-curturesame fl">
                                        <img src="__PUBLIC__/Images/home/drword.png">
                                        <p class="tojoinDR"><a href="__MODULE__/index/login">加入DR族</a></p>
                                    </div>
                                    <div class="dr_navsuv-curturesame fl">
                                        <a href="#">
                                            <img src="__PUBLIC__/Images/home/drimg.jpg">
                                        </a>
                                        <p><a href="#">搜索DR族</a></p>
                                    </div>
                                </div>
                                <!--品牌文化end-->
                            </div>
                            <!--中间内容end-->
                        </div>
                        <!--导航上部分end-->
                    </div>
                    <!--下拉导航end-->
                    <script>
                        $('#DrNav').mouseover(function () {
                            $('#DRsubNav').css('display', 'block');
                        })
                        $('#DrNav').mouseout(function () {
                            $('#DRsubNav').css('display', 'none');
                        })
                    </script>
                </li>

                <li id="qhzjNav">
                    <a href="__MODULE__/Goods/index">求婚钻戒</a>
                    <!--下拉导航-->
                    <div class="dr_navsuv dr_navsuv-first" id="qhzjsubNav">
                        <!--导航上部分-->
                        <div class="dr_navsuv-top">
                            <!--中间内容-->
                            <div class="dr_navsuv-cort dr_navTabs">
                                <!--戒指图片-->
                                <div class="dr_navsuv-ring dr_navsuvleft-ring fl" id="left1">
                                    <foreach name="nav1" item="vo">
                                        <if condition="$vo.detail_id">
                                            <a href="__MODULE__/Goods/details/id/{$vo.detail_id}" style="">
                                                <img src="__PUBLIC__/Uploads/Images/{$vo.pic1}" height="200"
                                                     width="200"></a>
                                            <else/>
                                            <a href="__MODULE__/Goods/index/type_id/{$vo.type_id}" style="">
                                                <img src="__PUBLIC__/Uploads/Images/{$vo.pic1}" height="200"
                                                     width="200"></a>
                                        </if>


                                    </foreach>

                                </div>
                                <!--戒指end-->
                                <!--相同部分-->
                                <div class="dr_navsuv-same dr_navsuvleft-same fl" id="aL1">
                                    <foreach name="nav1" item="vo">
                                        <a class="" href="__MODULE__/Goods/index/type_id/{$vo.type_id}">{$vo.type_name}</a>
                                    </foreach>

                                </div>
                                <!--相同部分end-->
                                <!--相同部分-->
                                <div class="dr_navsuv-same dr_navsuvright-same fl" id="aR1">
                                    <foreach name="nav2" item="vo">
                                        <a class="" href="__MODULE__/Goods/index/type_id/{$vo.type_id}">{$vo.type_name}</a>
                                    </foreach>
                                    <a href="__MODULE__/Goods/index">查看全部商品</a>
                                </div>
                                <!--相同部分end-->
                                <!--戒指-->
                                <div class="dr_navsuv-ring dr_navsuvright-ring fl" id="right1">
                                    <foreach name="nav2" item="vo">
                                        <if condition="!$vo.detail_id">
                                            <a href="__MODULE__/Goods/index/type_id/{$vo.type_id}" style="">
                                                <img src="__PUBLIC__/Uploads/Images/{$vo.pic1}" height="200"
                                                     width="200"></a>
                                            <else/>
                                            <a href="__MODULE__/Goods/details/id/{$vo.detail_id}" style="">
                                                <img src="__PUBLIC__/Uploads/Images/{$vo.pic1}" height="200"
                                                     width="200"></a>
                                        </if>

                                    </foreach>

                                </div>
                                <!--戒指end-->
                            </div>
                            <!--中间内容end-->
                        </div>
                        <!--导航上部分end-->
                    </div>
                    <!--下拉导航end-->
                </li>
                <script>
                    $('#qhzjNav').mouseover(function () {
                        $('#qhzjsubNav').css('display', 'block');
                    });
                    $('#qhzjNav').mouseout(function () {
                        $('#qhzjsubNav').css('display', 'none');
                    });
                    $('#aL1 a').mouseover(function () {
                        index = $(this).index();//获取元素位置
                        $('#left1 a').css('display', 'none');
                        $("#left1 a").eq(index).css('display', 'block');
                    });
                    $('#aR1 a').mouseover(function () {
                        index = $(this).index();//获取元素位置
                        $('#right1 a').css('display', 'none');
                        $("#right1 a").eq(index).css('display', 'block');
                    });

                </script>


                <li id="ppwhNav">
                    <a href="__MODULE__/Culture/index">品牌文化</a>
                </li>

                <li id="ppwhNav">
                    <a href="__MODULE__/Culture/news">真爱见证</a>
                </li>
                
                <li id="ppwhNav">
                    <a href="__MODULE__/User/index">会员中心</a>
                </li>

            </ul>
        </div>
        <!--导航end-->
    </div>
    </div>